<!DOCTYPE html>
<html lang="">

<head>
  <meta charset="UTF-8">
  <link rel="icon" href="/favicon.ico">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>区域森林生态服务功能评估核算系统</title>
  <link rel="stylesheet" href="src/assets/variable.css">
</head>
<style>
  body {
    place-items: start !important;
    background: #fafafa;
  }

  #app {
    display: block !important;
    max-width: 100% !important;
    padding: 0 !important;
  }

  /* 整个滚动条 */
  ::-webkit-scrollbar {
    width: 6px;
    /* 垂直滚动条的宽度 */
    height: 6px;
    /* 水平滚动条的高度 */

  }

  /* 滚动条轨道 */
  ::-webkit-scrollbar-track {
    background: #f9f9f9;
  }

  /* 滚动条滑块 */
  ::-webkit-scrollbar-thumb {
    /* background-color: var(--global-primary-color); */
    /* background-color: #185A56; */
    background-color: rgba(29, 138, 130, 0.5);
    border-radius: 3px;
    /* opacity: 0.5; /* 50% opacity */
  }
</style>

<body>
  <div id="app"></div>
  <script type="module" src="/src/main.js"></script>
</body>

</html>